@charset "utf-8";
.friendship-layer{display: block;}
.footer{position: relative;background: #00418C;}

.friendship-layer{position: relative;}
.friendships{ margin-right: -15px; margin-left: -15px; font-size: 15px;}
.friendships .select{float: left;}
.friendships .select dt{position: relative; z-index: 11; margin-top: 10px; margin-right: 15px; margin-left: 15px;}
.friendships .select dt a{display: block; position: relative; padding-right: 12px; padding-left: 10px; height: 34px; line-height: 34px; background: #fff; box-shadow: 5px 3px 15px rgba(0,0,0,.05); cursor: pointer;}
.friendships .select dt a i{position: absolute; top: 50%; right: 10px; line-height: 1em; margin-top: -.5em;  -webkit-transition: all linear .4s; -moz-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s;}
.friendships .select dt a:hover{color: inherit;}
.friendships .select.on dt a{color: #2069bd; box-shadow: 5px 3px 15px rgba(0,0,0,.1);}
.friendships .select.on dt a i{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.friendships .select dd{position: absolute; right: 0; left: 0; bottom: 45px; z-index: 99; display: none; background: #fff; box-shadow: 0 -5px 10px rgba(0,0,0,.05);}
.friendships .select dd ul{padding: 15px 0;}
.friendships .select dd ul li{float: left;}
.friendships .select dd ul li a{display: inline-block ; padding: 5px;}
.friendships .select dd ul.col4 li{width: 25%;}
.friendships .select dd ul.col5 li{width: 20%;}
.friendships .select dd ul.col6 li{width: 16.66667%;}

.friendships.col-5 .select{width: 20%;}
.friendships.col-4 .select{width: 25%;}
.friendships.col-3 .select{width:33.33333%;}

@media (max-width:1500px){
  .friendships{margin-left: -10px;}
  .friendships .select dt{margin-right: 10px; margin-left: 10px;}
}
@media (max-width:1280px){
  /* .friendship-layer > .container{padding: 5px 0 20px !important;} */
  .friendships{margin-right: -7px; margin-left: -8px;}
  .friendships .select{position: relative; padding-bottom: 0;}
  .friendships .select dt{margin-top: 15px; margin-right: 7px; margin-left: 8px;}
  .friendships .select dd{top: 51px; right: 7px; left: 8px; bottom: auto; padding: 10px 0 10px 10px; box-shadow: 0 0 15px rgba(0,0,0,.05);}
  .friendships .select dd > .container{width: auto !important; padding: 0;}
  .friendships .select dd ul{padding: 0; max-height: 278px; overflow: auto;}
  .friendships .select dd ul li{width: 100% !important;}
}
@media (max-width:992px){
	.friendships .select{float: none;}
	.friendships.col-5 .select{width: 100%;}
	.friendships .select dd{top:34px}
}
@media (max-width:768px){
  .friendships{margin-right: 7px; margin-left: 8px;}
  .friendships .select{float: none;width: auto;}
}
@media (max-width:450px){
  .friendships .select{width: 100% !important;}
  .friendships .select dd{position: static; z-index: 11; margin-right: 7px; margin-left: 8px;}
  .friendships .select dd ul{max-height: 148px;}
}
.setIE.ie8 .friendships .select dd{border-top: 1px solid #e6e6e6;}

.footer .bqxx{margin-right: -10px; margin-left: -10px; font-size: .9375em; line-height: 2.25em;}
.footer .bqxx span{display: inline-block; margin-right: 10px; margin-left: 10px;color:#fff}
.footer .bqxx span.beian{white-space: nowrap;}
.footer .bqxx span.beian img{margin-right: 5px;}
.footer-card{position: relative; z-index: 1;/* padding: 10px 0;*/color:#fff}
/* .footer-card .container{width:1048px} */
.footer-menu li a:hover,
.footer-card a:hover{text-decoration: underline;}
/* .footer-menu{ text-align: left;float: right;margin-top: 20px;} */
.footer-menu li{display: inline-block;color:#fff}
.footer-menu li a{display: inline-block; margin-right: 10px; margin-left: 10px;color:#fff}
.footer-menu li.last font{display: none;}
.footer-menu li:last-child font{display: none;}
.footer-grid{position: relative; padding-left: 30%; text-align: left;}
.footer-grid a{color:#fff}
.footer-grid .biaozhi{position: absolute; top: 50%; left: 0; margin-top: -40px; width: 29%; text-align: left;}
.footer-grid .biaozhi span{display: inline-block;}
.footer-grid .biaozhi span#_span_jiucuo{margin-right: 10px;}
.footer-grid .biaozhi span#_span_jiucuo img{background: #dcdde1; box-shadow: 0 0 6px rgba(0,0,0,.1);}
.footer-grid .biaozhi span#_span_wzafw img{background: #dcdde1; box-shadow: 0 0 6px rgba(0,0,0,.1);}
@media (max-width:1280px){
  .footer-grid{padding-right: 0; padding-left: 0; text-align: center;margin-top: 10px}
  .footer-grid .biaozhi{position: static; display: inline-block; margin-top: .625em; width: auto; text-align: center;}
  .footer-grid .biaozhi span{display: inline-block; vertical-align: middle;}
  .footer-grid .wangluo{position: static; display: inline-block; margin-top: .625em; width: auto; text-align: center;}
  .footer-grid .wangluo a{display: inline-block; margin: 0 5px;}
  .footer-menu{margin-bottom: .625em; text-align: center;}
  .footer-menu li{float: none; display: inline-block; margin-top: .3125em; margin-left: -4px;}
  .footer-menu li a{margin-bottom: .3125em;}
}
@media (max-width:992px){
  .footer .bqxx span.none{display: none !important;}
  .footer-menu{float: none;}
  .footer-card{padding-top: 0px;}
}
@media (max-width:414px){
  .footer-menu{width: 280px; margin-right: auto; margin-left: auto;}
  .footer-grid .biaozhi span#__ideConac img{height: 70px;}
  .footer-grid .biaozhi span#_span_jiucuo img{height: 45px;}
  .footer-grid .biaozhi span#_span_wzafw img{height: 45px;}
}


.width-1000 .footer .container{width: 1000px}
.width-1000 .footer-grid .biaozhi{width: 33%}
.width-1000 .footer-grid{padding-left: 38%;}